<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>委托发布</title>
    <link rel="stylesheet" href="http://static-online.zhaogangtest.com/publicresource/css/bootstrap-table.css">
    <link rel="stylesheet" href="../../../resources/public/css/table.css">
    <link rel="stylesheet" href="../../../resources/public/css/bootstrap-table-fixed-columns.css">
    <link rel="stylesheet" href="http://static-online.zhaogangtest.com/publicresource/control/daterangpicker/daterangepicker-bs3.css">
    <link rel="stylesheet" href="../../../resources/public/css/iconfont.min.css">
    <link rel="stylesheet" href="../../../resources/public/css/scmstrap.css">
    <link rel="stylesheet" href="http://static-online.zhaogangmit.com/project/ued/otwb/local/resources/css/iviewer.css">
</head>

<body>
    <div class="main">
        <div class="tab">
            <ul>
                <li class='active'>
                    <a href="javascript:;">
                            委托信息
                        </a>
                </li>
            </ul>
        </div>
        <div class="box-detail">
            <table>
                <tbody>
                    <tr>
                        <th width="33%" class="th-centerstyle">&nbsp;<b class="must">*</b>联系人</th>
                        <th width="33%" class="th-centerstyle">&nbsp;<b class="must">*</b>公司抬头</th>
                        <th width="33%" class="th-centerstyle">&nbsp;<b class="must">*</b>电话</th>
                    </tr>
                    <tr>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <i class="anticon icon-search1 btn-find-contact" style="cursor: pointer;"></i>
                                        <input type="text" class="scm-input" placeholder="请输入联系人、联系方式">
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" readonly value="">
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" readonly value="">
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="tab">
            <ul>
                <li class='active'>
                    <a href="javascript:;">
                            货物信息
                        </a>
                </li>
            </ul>
        </div>
        <div class="form-list">
            <div class="group">
                <label>ERP订单：</label>
                <div class="scm-input-wrap">
                    <input type="text" class="scm-input">
                </div>
            </div>
            <div class="conditionbtn singlebtn-align">
                <button class="scm-btn">
                    <i class="anticon icon-isv"></i>ERP单号导入</button>
            </div>
            <label class="vertical-center-text">
                <a href="javascript:;" class="blue">订单号</a>
            </label>
            <div class="scm-btn-group fr">
                <button class="scm-btn">
                    <i class="anticon icon-download"></i>下载模板
                </button>
                <label class="vertical-center-text vertical-leftfloat">最多导入100条</label>
                <button class="scm-btn">
                    <i class="anticon icon-filetext1"></i>游览...（未选择文件）
                </button>
            </div>
        </div>
        <div class="box-detail">
            <table>
                <tbody>
                    <tr>
                        <th width="14%" class="th-centerstyle">&nbsp;<b class="must">*</b>品名</th>
                        <th width="14%" class="th-centerstyle">材质</th>
                        <th width="14%" class="th-centerstyle">&nbsp;<b class="must">*</b>规格</th>
                        <th width="14%" class="th-centerstyle">钢厂</th>
                        <th width="14%" class="th-centerstyle">&nbsp;<b class="must">*</b>数量</th>
                        <th width="14%" class="th-centerstyle">&nbsp;<b class="must">*</b>重量（吨）</th>
                        <th width="14%" class="th-centerstyle">操作</th>
                    </tr>
                    <tr>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-double-select">
                                    <div class="group group-select group-select-fullsize">
                                        <div class="selectshow selectshowAction scm-input-wrap">
                                            <input type="text" class="scm-input hand" readonly="" placeholder="请输入品名">
                                        </div>
                                        <ul class="select" style="display: none;">
                                            <li>经销商销售</li>
                                            <li>未结单</li>
                                            <li>已结单</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="请输入材质">
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="请输入规格">
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-double-select">
                                    <div class="group group-select group-select-fullsize">
                                        <div class="selectshow selectshowAction scm-input-wrap">
                                            <input type="text" class="scm-input hand" readonly="" placeholder="请输入钢厂">
                                        </div>
                                        <ul class="select" style="display: none;">
                                            <li>经销商销售</li>
                                            <li>未结单</li>
                                            <li>已结单</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="请输入数量">
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="请输入重量">
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="scm-btn-group fr">
                                <button class="scm-btn">
                                    <i class="anticon icon-delete green"></i>删除
                                </button>
                                <button class="scm-btn">
                                    <i class="anticon icon-plus green"></i>新增
                                </button>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="1" class="must">合计（吨位）</td>
                        <td colspan="6" align="right" class="must">0吨</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="tab">
            <ul>
                <li class='active'>
                    <a href="javascript:;">
                            发货方
                        </a>
                </li>
            </ul>
        </div>
        <div class="box-detail">
            <table>
                <tbody>
                    <tr>
                        <th width="11%" class="th-centerstyle">&nbsp;<b class="must">*</b>联系人</th>
                        <td width="22%">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-select  group-selectSearch">
                                    <div class="selectshowAction scm-input-wrap  selectshow" id="company1">
                                        <input type="text" class="scm-input" placeholder="请输入联系人">
                                    </div>
                                    <div class="select-search select" style="display: none;">
                                        <div class="select-search-container" id="companywrap1">
                                        </div>
                                    </div>
                                </div>
                                <div class="operation">
                                    <div class="conditionbtn-center">
                                        <button class="scm-btn">
                                            <i class="anticon icon-plus"></i>新增发货人</button>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <th width="11%" class="th-centerstyle">&nbsp;<b class="must">*</b>联系电话</th>
                        <td width="22%"></td>
                        <th width="11%" class="th-centerstyle">&nbsp;<b class="must">*</b>期望提货时间</th>
                        <td width="22%">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-data">
                                    <div class="scm-input-wrap">
                                        <i class="anticon icon-calendar"></i>
                                        <input type="text" class="scm-input active" id="datepicker" placeholder="创建时间">
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th class="th-centerstyle">
                            发货仓库/起运港
                        </th>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-double-select">
                                    <div class="group group-select group-select-fullsize">
                                        <div class="selectshow selectshowAction scm-input-wrap">
                                            <input type="text" class="scm-input hand" readonly="" placeholder="">
                                        </div>
                                        <ul class="select" style="display: none;">
                                            <li>经销商销售</li>
                                            <li>未结单</li>
                                            <li>已结单</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <th class="th-centerstyle">&nbsp;<b class="must">*</b>详细地址</th>
                        <td colspan="3">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="">
                                    </div>
                                </div>
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="请输入详细地址，如：逸仙路25号17楼">
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="tab">
            <ul>
                <li class='active'>
                    <a href="javascript:;">
                            收货方
                        </a>
                </li>
            </ul>
        </div>
        <div class="box-detail">
            <table>
                <tbody>
                    <tr>
                        <th width="11%" class="th-centerstyle">&nbsp;<b class="must">*</b>联系人</th>
                        <td width="22%">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-select  group-selectSearch">
                                    <div class="selectshowAction scm-input-wrap  selectshow" id="company2">
                                        <input type="text" class="scm-input" placeholder="请输入联系人">
                                    </div>
                                    <div class="select-search select" style="display: none;">
                                        <div class="select-search-container" id="companywrap2">
                                        </div>
                                    </div>
                                </div>
                                <div class="operation">
                                    <div class="conditionbtn-center">
                                        <button class="scm-btn">
                                            <i class="anticon icon-plus"></i>新增收货人</button>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <th width="11%" class="th-centerstyle">&nbsp;<b class="must">*</b>联系电话</th>
                        <td width="22%"></td>
                        <th width="11%" class="th-centerstyle">&nbsp;<b class="must">*</b>签收抬头</th>
                        <td width="22%"></td>
                    </tr>
                    <tr>
                        <th class="th-centerstyle">
                            &nbsp;<b class="must">*</b>入库抬头
                        </th>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-double-select">
                                    <div class="group">
                                        <div class="scm-input-wrap">
                                            <input type="text" class="scm-input" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <th class="th-centerstyle">&nbsp;<b class="must">*</b>期望到货时间</th>
                        <td colspan="3">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-data">
                                    <div class="scm-input-wrap">
                                        <i class="anticon icon-calendar"></i>
                                        <input type="text" class="scm-input active" id="datepicker1" placeholder="创建时间">
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th class="th-centerstyle">
                            卸货仓库/目的港
                        </th>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-double-select">
                                    <div class="group group-select group-select-fullsize">
                                        <div class="selectshow selectshowAction scm-input-wrap">
                                            <input type="text" class="scm-input hand" readonly="" placeholder="">
                                        </div>
                                        <ul class="select" style="display: none;">
                                            <li>经销商销售</li>
                                            <li>未结单</li>
                                            <li>已结单</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <th class="th-centerstyle">&nbsp;<b class="must">*</b>详细地址</th>
                        <td colspan="3">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="">
                                    </div>
                                </div>
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="请输入详细地址，如：逸仙路25号17楼">
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="tab">
            <ul>
                <li class='active'>
                    <a href="javascript:;">
                            抢单规则
                        </a>
                </li>
            </ul>
        </div>
        <div class="box-detail">
            <table>
                <tbody>
                    <tr>
                        <th width="11%" class="th-centerstyle">&nbsp;<b class="must">*</b>抢单方式</th>
                        <td width="22%">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <!-- <label class="table-center-label">库位状态</label> -->
                                    <div class="scm-input-wrap mycheckradioall">
                                        <label class="mycheckradio radio-popup-style active"><em></em>汽运</label>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <th width="11%" class="th-centerstyle">&nbsp;<b class="must">*</b>运费税率</th>
                        <td width="22%">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <!-- <label class="table-center-label">库位状态</label> -->
                                    <div class="scm-input-wrap mycheckradioall">
                                        <label class="mycheckradio active"><em></em>10%税率</label>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <th width="11%" class="th-centerstyle">&nbsp;<b class="must">*</b>提货方式</th>
                        <td width="22%">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <!-- <label class="table-center-label">库位状态</label> -->
                                    <div class="scm-input-wrap mycheckradioall">
                                        <label class="mycheckradio active"><em></em>提单提货</label>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th class="th-centerstyle">计量方式</th>
                        <td colspan="3">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <!-- <label class="table-center-label">库位状态</label> -->
                                    <div class="scm-input-wrap mycheckradioall">
                                        <label class="mycheckradio active"><em></em>过磅</label>
                                        <label class="mycheckradio"><em></em>抄码</label>
                                        <label class="mycheckradio"><em></em>理计</label>
                                        <label class="mycheckradio"><em></em>无</label>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th class="th-centerstyle">
                            最长
                        </th>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-textbox-unit">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="">
                                    </div>
                                </div>
                                <label>米</label>
                            </div>
                        </td>
                        <th class="th-centerstyle">
                            最宽
                        </th>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-textbox-unit">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="">
                                    </div>
                                </div>
                                <label>米</label>
                            </div>
                        </td>
                        <th class="th-centerstyle">
                            最长口径
                        </th>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-textbox-unit">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="">
                                    </div>
                                </div>
                                <label>米</label>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th class="th-centerstyle">&nbsp;<b class="must">*</b>发票抬头</th>
                        <td></td>
                        <th class="th-centerstyle">税号</th>
                        <td></td>
                        <th></th>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            <div class="form-list form-list-btn-inner noflat">
                                <div class="group group-form-style group-textbox-unit" style="width: 100%;">
                                    <div class="scm-input-wrap mycheckradioall">
                                        <label class="mycheckradio radio-superwide-style showcontent"><em></em>运吊费一票制（10%税率）</label>
                                        <div class="radiocontent-detail nodisplay">
                                            <label style="width:88px;">&nbsp;<b class="must">*</b>吊费（含税）</label>
                                            <div class="scm-input-wrap" style="width: 8%;">
                                                <input type="text" class="scm-input" value="">
                                            </div>
                                            <label style="width: 30px;">元/吨</label>
                                        </div>
                                        <label class="mycheckradio radio-superwide-style showcontent2"><em></em>仓库费用（6%税率）</label>
                                        <div class="radiocontent-detail2 nodisplay">
                                            <label style="width: 130px;"> 预计杂费（含税）</label>
                                            <div class="scm-input-wrap" style="width: 8%;">
                                                <input type="text" class="scm-input" value="">
                                            </div>
                                            <label style="width: 30px;">元/吨</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <th class="th-centerstyle">建议车辆数</th>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="">
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            运输要求
                        </th>
                        <td colspan="5">
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group">
                                    <div class="scm-input-wrap">
                                        <textarea type="text" class="scm-input" placeholder="请填写车型、包装方式、地区禁区，保质书等的特殊要求，最多300个汉字"></textarea>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th class="th-centerstyle">期望运价</th>
                        <td>
                            <div class="form-list form-list-btn-inner nofloat">
                                <div class="group group-textbox-unit">
                                    <div class="scm-input-wrap">
                                        <input type="text" class="scm-input" value="">
                                    </div>
                                </div>
                                <label>元/吨</label>
                            </div>
                        </td>
                        <th class="th-centerstyle"></th>
                        <td></td>
                        <th class="th-centerstyle"></th>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!-- 按钮 -->
        <div class="operation page-paddingbtm">
            <div class="conditionbtn-center">
                <button class="scm-btn blue">
                    <i class="anticon icon-save"></i>暂存草稿</button>
                <button class="scm-btn blue">
                    <i class="anticon icon-save"></i>确认发布</button>
            </div>
        </div>
    </div>
        <!-- 选择定价 -->
    <div class="layer-find-contact" style="display: none;">
        <div class="main">
            <div class="box-table">
                <table class="table table-condensed" id="initial-adjust-table"></table>
            </div>
        </div>
    </div>
    <!-- 查看图片 -->
    <!-- <div class="fjLayer" style="display: none">
        <div id="viewer" class="viewer"></div>
        <div class="bottomBlack"></div>
        <div id="iviewer_prev"></div>
        <div id="iviewer_next"></div>
        <div id="iviewer_count"><i class="cur"></i>/<i class="all"></i></div>
    </div> -->
    <script src="http://static-online.zhaogangtest.com/publicresource/js/require.js"></script>
    <script>
    var page;

    require.config({
        paths: {
            "jquery": "../../../resources/public/js/jquery.min",
            "bootstrap": 'http://static-online.zhaogangtest.com/publicresource/js/bootstrap.min',
            // "bootstrap-table": "http://static-online.zhaogangtest.com/publicresource/js/bootstrap-table",
            "bootstrap-table": "../../../resources/public/js/bootstrap-table",
            "moment": "http://static-online.zhaogangtest.com/publicresource/control/daterangpicker/moment.min",
            "daterangepicker": "../../../resources/public/js/daterangepicker",
            "layer": 'http://static-online.zhaogangtest.com/publicresource/control/layer/layer.min',
            "public": "../../../resources/public/js/public",
            "chinese": "../../../resources/public/js/chinese",
            "bootstrap-table-fixed": "../../../resources/public/js/bootstrap-table-fixed-columns",
            "autocomplete": "../../../resources/public/js/jquery.autocomplete",
            "iviewer": "http://static-online.zhaogangmit.com/project/ued/otwb/local/resources/js/jquery.iviewer",
            "mousewheel": "http://static-online.zhaogangmit.com/project/ued/otwb/local/resources/js/jquery.mousewheel.min",
        },
        shim: {
            "jquery": {
                exports: ['jQuery', '$']
            },
            "bootstrap": {
                deps: ["jquery"]
            },
            "bootstrap-table": {
                deps: ["jquery", "bootstrap"]
            },
            "bootstrap-table-fixed": {
                deps: ["bootstrap-table"]
            },
            "layer": {
                deps: ["jquery"],
                exports: "layer"
            },
            "autocomplete": {
                deps: ['jquery']
            },
            "moment": {
                deps: ['jquery']
            },
            "daterangepicker": {
                deps: ["jquery", "moment"],
                exports: "daterangepicker"
            },
            "chinese": {
                deps: ["jquery", "bootstrap-table"],
            },
            "iviewer": {
                deps: ["jquery", "mousewheel"]
            },
            "mousewheel": {
                deps: ["jquery"]
            },

            "public": {
                deps: ["jquery", "bootstrap-table", "moment", "daterangepicker"]
            }
        }
    });
    require(["autocomplete", "public", "layer", "chinese", "bootstrap-table-fixed", "iviewer"], function() {
        layer.config({
            path: 'http://static-online.zhaogangtest.com/publicresource/control/layer/'
        });
        $(function() {
            page = {
                init: function() {
                    this.bootstrapTable();
                    this.autocomplete();
                    this.fn_layer();
                    this.fn_viewImg();
                    this.show_content();

                    var that = this;
                    $(window).resize(function() {
                        $('#table-parent').bootstrapTable('resetView', {
                            height: that.getHeight()
                        });
                        $('.daterangepicker').hide()
                    });
                    $.daterangepicker("#datepicker", {
                        singleDatePicker: true,
                    });
                    $.daterangepicker("#datepicker1", {
                        singleDatePicker: true,
                    });
                    $.daterangepicker("#datepicker2", {
                        singleDatePicker: true,
                    });

                },
                bootstrapTable: function() {
                    $('#table-parent').bootstrapTable({
                        pagination: true, //在表格底部显示分页工具栏
                        pageSize: 50,
                        pageNumber: 1,
                        pageList: [10, 25, 50, 100],
                        height: page.getHeight(),
                        showFooter: true,
                        showColumns: false,
                        showRefresh: false,
                        //                    showToggle:true,
                        search: false,
                        //                    showPaginationSwitch:true,
                        // detailView: true,
                        // detailFormatter: page.showdetail,
                        // detailFormatter: this.showChild,
                        // onExpandRow: this.expandRow,
                        // onCollapseRow: this.collapseRow,
                        locales: 'zh-CN',
                        fixedColumns: false,
                        fixedNumber: 1,
                        url: '../data/erp/tablelist-pricelist-manage-childpage.json',
                        sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）

                        columns: [{
                            "field": "n1",
                            "title": "<b class='must'>*</b>&nbsp;地区",
                        }, {
                            "field": "n2",
                            "title": "<b class='must'>*</b>&nbsp;价格",
                        }, {
                            "field": "n3",
                            "title": "备注",
                        }]
                    });
                },

                show_content: function() {
                    $(document).on('click', '.showcontent', function() {
                        $(".radiocontent-detail").removeClass("nodisplay");
                        $(".radiocontent-detail2").addClass("nodisplay");
                    })
                    $(document).on('click', '.showcontent2', function() {
                        $(".radiocontent-detail2").removeClass("nodisplay");
                        $(".radiocontent-detail").addClass("nodisplay");
                    })
                },


                fn_layer: function() {
                    $(document).on('click', '.btn-find-contact', function() {
                        layer.open({
                            type: 1, //page层
                            area: ['600px', 'auto'],
                            title: '查找联系人',
                            shadeClose: false,
                            btn: ['保存', '取消'],
                            shade: 0.01, //遮罩透明度
                            moveType: 1, //拖拽风格，0是默认，1是传统拖动
                            shift: -1, //0-6的动画形式，-1不开启
                            content: $('.layer-find-contact'),
                            skin: "skin-searchMore skin-overflow",
                            yes: function() {}
                        })
                        $('#initial-adjust-table').bootstrapTable({
                            uniqueId: "id",
                            pagination: true, //在表格底部显示分页工具栏
                            pageSize: 50,
                            pageNumber: 1,
                            pageList: [10, 25, 50, 100],
                            height: 320,
                            showFooter: false,
                            showColumns: false,
                            showRefresh: false,
                            //                    showToggle:true,
                            search: false,
                            //                    showPaginationSwitch:true,
                            // detailView: true,
                            // detailFormatter: page.showdetail,
                            // detailFormatter: this.showChild,
                            // onExpandRow: this.expandRow,
                            // onCollapseRow: this.collapseRow,
                            locales: 'zh-CN',
                            fixedColumns: false,
                            fixedNumber: 1,
                            url: '../data/erp/tablelist-sellcontract-create-child.json',
                            sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）

                            columns: [{
                                "field": "n0",
                                "title": "序号",
                                formatter: function(value, row, index) {
                                    return index + 1
                                },
                                footerFormatter: "合计"
                            }, {
                                "field": "n1",
                                "title": "联系人",
                            }, {
                                "field": "n2",
                                "title": "手机号码",
                            }, {
                                "field": "n3",
                                "title": "公司抬头",
                            }]
                        });
                    })
                },
                autocomplete: function() {
                    var data = ['上海钢找塑料', '上海钢富信息科技有限技有限公司', '上海找油网信息科技', '上海长城实业有限公司',
                        '上海找油网信息科技', '上海长城实业有限公司'
                    ]
                    $("#company input").autocomplete({
                        lookup: data,
                        minChars: 0,
                        appendTo: '#companywrap',
                        onSelect: function(suggestion) {
                            // $(this).val(suggestion.value);
                        },
                    });
                    $("#company1 input").autocomplete({
                        lookup: data,
                        minChars: 0,
                        appendTo: '#companywrap1',
                        onSelect: function(suggestion) {
                            // $(this).val(suggestion.value);
                        },
                    });
                    $("#company2 input").autocomplete({
                        lookup: data,
                        minChars: 0,
                        appendTo: '#companywrap2',
                        onSelect: function(suggestion) {
                            // $(this).val(suggestion.value);
                        },
                    });
                    $("#company3 input").autocomplete({
                        lookup: data,
                        minChars: 0,
                        appendTo: '#companywrap3',
                        onSelect: function(suggestion) {
                            // $(this).val(suggestion.value);
                        },
                    });
                    $("#company4 input").autocomplete({
                        lookup: data,
                        minChars: 0,
                        appendTo: '#companywrap4',
                        onSelect: function(suggestion) {
                            // $(this).val(suggestion.value);
                        },
                    });
                },
                // 表格高度
                getHeight: function() {
                    var _height = $('.form-list').outerHeight(
                        true) + $('.operation').outerHeight(true)
                    return $(window).height() - _height - 20;
                },
                // viewImg
                fn_viewImg: function() {
                    $("#viewer").iviewer({
                        src: "http://static-online.zhaogangtest.com/project/ued/catlogistics/local/Resources/member/images/p1.png"
                    });
                    var honorCur = $('#iviewer_count .cur');
                    var honorAll = $('#iviewer_count .all');
                    var honorPrev = $('#iviewer_prev');
                    var honorNext = $('#iviewer_next');
                    var this_iviewer;

                    function iviewer(that) {
                        var _name = that.find('dd').html() || "预览图片";
                        $('.skin-iviewer .layui-layer-title').html(_name);
                        $('#viewer img').attr('src', that.find('img').attr('src'));
                        honorCur.html(that.index() + 1);
                        honorAll.html(that.parent().find('dl').length);
                    }
                    $(".img-wrap").on("click", "dl", function() {
                        this_iviewer = $(this).parents('.img-wrap').find('dl');
                        iviewer($(this))
                        layer.open({
                            type: 1, //page层
                            area: ['auto', 'auto'],
                            title: $(this).find('dd').html() || "预览图片",
                            shadeClose: false,
                            shade: 0.3, //遮罩透明度
                            moveType: 1, //拖拽风格，0是默认，1是传统拖动
                            shift: -1, //0-6的动画形式，-1不开启
                            content: $('.fjLayer'),
                            skin: "skin-searchMore skin-iviewer",
                            cancel: function(index) {
                                layer.close(index)
                                return false;
                            }
                        })
                    })
                    honorPrev.click(function() {
                        var _n = parseInt(honorCur.html()) - 2;
                        var _a = parseInt(honorAll.html());
                        if (_n == _a) {
                            iviewer(this_iviewer.eq(_a))
                        } else {
                            iviewer(this_iviewer.eq(_n))
                        }
                    })
                    honorNext.click(function() {
                        var _n = parseInt(honorCur.html());
                        var _a = parseInt(honorAll.html());
                        if (_n == _a) {
                            iviewer(this_iviewer.eq(0))
                        } else {
                            iviewer(this_iviewer.eq(_n))
                        }
                    })
                }
            }
            page.init();
        })
    })
    </script>
</body>

</html>